<!-- 用户里的动态页面 -->
<template>
  <div id="userFollowing">
    <div class="edit-box">
      <div class="return-box">
        <div class="title"><strong>我关注的</strong></div>
        <router-link to="/user">
          <div class="return-button">返回个人主页<img src="..\..\assets\userImg\right.png"  width="14px" height="14px"/>
          </div>
        </router-link>
      </div>
      <!--内容列表-->
      <div class="following-card"  v-for="list of FollowingList">
        <div class="card-list">
          <div class="card-main">
            <img :src="require('C:\\project_picture/'+list.userMessages.img)" class="card-photo">
            <div class="card-right">
              <div class="card-title">
                <div class="user-name"><strong>{{list.userMessages.nickName}}</strong></div>
              </div>
              <div class="card-introduce">
                <div class="card-word">{{list.userMessages.introduce}}</div>
                <div class="card-under">·{{list.userMessages.answer}}个回答</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'userFollowing',
    data () {
      return {
        list: [
          {'username': '张三', 'word': '这是个帅哥', 'number': '15'},
          {'username': '李四', 'word': '这是个美女', 'number': '12'},
          {'username': '王五', 'word': '这个人很酷', 'number': '5'}
        ],
        FollowingList: []
      }
    },
    computed: {
    },
    methods: {
    },
    created () {
      this.axios.get('/api/findFollow', {
        params: {
          phone: sessionStorage.getItem('phone')
        }
      })
        .then(res => {
          this.FollowingList = res.data.data
          console.log(res)
        })
    }
  }
</script>

<style scoped>
  @import '../../../../../static/css/user/UserFollowing.css';
</style>
